<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>轮播图管理</title>

    <link href="__PUBLIC__/wxCMS/css/bootstrap.min.css" rel="stylesheet">

    <link href="__PUBLIC__/wxCMS/css/ssi-uploader.min.css" rel="stylesheet">
    <link href="__PUBLIC__/wxCMS/css/styles.css" rel="stylesheet">
    <link href="__PUBLIC__/wxCMS/css/home.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="__PUBLIC__/wxCMS/js/html5shiv.js"></script>
    <script src="__PUBLIC__/wxCMS/js/respond.min.js"></script>
    <![endif]-->

</head>

<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#sidebar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><span>实+网</span>后台管理系统</a>
            <ul class="user-menu">
                <li class="dropdown pull-right">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> {$_SESSION['user']['name']}  <span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li id="user-info" data-index="{$_SESSION['user']['id']}"><a href="javascript:;"><span class="glyphicon glyphicon-user"></span> 重置密码</a></li>
                        <li id="user-logout" data-index="{$_SESSION['user']['id']}"><a href="javascript:;"><span class="glyphicon glyphicon-log-out"></span> 退出</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div><!-- /.container-fluid -->
</nav>

<div id="sidebar-collapse" class="col-sm-3 col-lg-2 sidebar">
    <form role="search">
        <div class="form-group">

        </div>
    </form>
    <ul class="nav menu">
        <li><a href="{:U('/Home/Index/index')}"><span class="glyphicon glyphicon-dashboard"></span> 首页</a></li>
        <li class="active"><a href="{:U('/Home/Slider/index')}"><span class="glyphicon glyphicon-th"></span> 轮播图管理</a></li>
        <li class="parent ">
            <a href="#">
                <span class="glyphicon glyphicon-list"></span> 成品展示管理
                <span data-toggle="collapse" href="#sub-item-1" class="icon pull-right">
                    <em class="glyphicon glyphicon-s glyphicon-plus"></em>
                </span>
            </a>
            <ul class="children collapse" id="sub-item-1">
                <li>
                    <a class="" href="{:U('/Home/Show/aderShow')}?id=1">
                        <span class="glyphicon glyphicon-share-alt"></span> 休闲照
                    </a>
                </li>
                <li>
                    <a class="" href="{:U('/Home/Show/aderShow')}?id=2">
                        <span class="glyphicon glyphicon-share-alt"></span> 儿童照
                    </a>
                </li>
                <li>
                    <a class="" href="{:U('/Home/Show/aderShow')}?id=3">
                        <span class="glyphicon glyphicon-share-alt"></span> 婚纱照
                    </a>
                </li>
            </ul>
        </li>
        <li><a href="{:U('/Home/Product/index')}"><span class="glyphicon glyphicon-list"></span> 背景列表</a></li>
        <li><a href="{:U('/Home/Decorate/index')}"><span class="glyphicon glyphicon-list"></span> 装饰列表</a></li>
       <!-- <li><a href="{:U('/Home/Client/index')}"><span class="glyphicon glyphicon-list"></span> 客户列表</a></li>-->
        <li><a href="{:U('/Home/PhotoBox/index')}"><span class="glyphicon glyphicon-list"></span> 相框相册管理</a></li>
        <li><a href="{:U('/Home/Orders/index')}"><span class="glyphicon glyphicon-list"></span> 订单列表</a></li>
        <li   class=""><a href="{:U('/Home/applyRefund/index')}"><span class="glyphicon glyphicon-list"></span> 退款订单</a></li>
        <li role="presentation" class="divider"></li>
        <li class="parent ">
            <a href="#">
                <span class="glyphicon glyphicon-list"></span> 系统管理 <span data-toggle="collapse" href="#sub-item-2" class="icon pull-right"><em class="glyphicon glyphicon-s glyphicon-plus"></em></span>
            </a>
            <ul class="children collapse" id="sub-item-2">
                <li>
                    <a class="" href="{:U('/Home/Staff/index')}">
                        <span class="glyphicon glyphicon-share-alt"></span> 员工账号管理
                    </a>
                    <a class="" href="{:U('/Home/CheckAuth/index')}">
                        <span class="glyphicon glyphicon-share-alt"></span> 用户组管理
                    </a>
                    <a class="" href="{:U('/Home/CheckAuth/auth_list')}">
                        <span class="glyphicon glyphicon-share-alt"></span> 权限列表
                    </a>
                </li>
                <!-- <li>
                     <a class="" href="javascript:;" id="pay-setting">
                         <span class="glyphicon glyphicon-share-alt"></span> 支付方式管理
                     </a>
                 </li>-->
            </ul>
        </li>
    </ul>
</div><!--/.sidebar-->
<div class="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2 main">
    <div class="row">
        <ol class="breadcrumb">
            <li><a href="{:U('/Home/Index/index')}"><span class="glyphicon glyphicon-home"></span></a></li>
            <li class="active">首页</li>
        </ol>
    </div><!--/.row-->

    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-default">
                <div class="panel-heading">轮播图列表
                    <button type="submit" class="btn btn-primary add-banner" id="uploadSider">上传轮播图</button>
                </div>
                <div class="panel-body">
                        <table style="width:100%;height:auto">
                            <thead>
                                <tr>
                                    <td style="width:50%;text-align:center;">轮播图</td>
                                    <td style="width:50%;text-align:center">操作</td>
                                </tr>
                            </thead>
                            <volist name="banner_list" id="vo" >
                                <tr>
                                    <td style="width:50%;height:100px; text-align:center;">
                                        <img src="__ROOT__/Uploads/Cms/Banner/{$vo.thumb}"/>
                                    </td>
                                    <td style="width:50%;height:100px;text-align:center">
                                        <button class="btn btn-danger" id="del" data="{$vo.id}">删除</button>
                                    </td>
                                </tr>
                            </volist>
                        </table>
                </div>
            </div>
        </div>
    </div><!--/.row-->



</div>	<!--/.main-->


<script src="__PUBLIC__/wxCMS/js/jquery-1.11.1.min.js"></script>
<script src="__PUBLIC__/wxCMS/js/bootstrap.min.js"></script>
<!-- <script src="__PUBLIC__/wxCMS/js/chart.min.js"></script> -->
<!-- <script src="__PUBLIC__/wxCMS/js/chart-data.js"></script> -->
<!-- <script src="__PUBLIC__/wxCMS/js/easypiechart.js"></script> -->
<!-- <script src="__PUBLIC__/wxCMS/js/easypiechart-data.js"></script> -->
<!-- <script src="__PUBLIC__/wxCMS/js/bootstrap-datepicker.js"></script>
<script src="__PUBLIC__/wxCMS/js/bootstrap-table.js"></script> -->
<script src="__PUBLIC__/wxCMS/js/ssi-uploader.js" type="text/javascript"></script>
<script src="__PUBLIC__/wxCMS/js/layer.js" type="text/javascript"></script>
<script src="__PUBLIC__/wxCMS/js/user-action.js"></script>
<script>
    $(function () {
        $('#myModal').modal('hide');

    });
    $('.btn-danger').click(function(){

        var tr=$(this).parent().parent();
        var id=$(this).attr('data');
        //询问框
        layer.confirm('您确定要删除吗', {
          btn: ['确定','取消'] //按钮
        }, function(){
            $.get('{:U("del_Action")}?id='+id,function(result){
                if(result.success){
                    layer.msg(result.message, {icon: 1});
                    tr.remove();
                }
            });
        });
    });
    $('#uploadSider').click(function(){
        layer.open({
            type: 1,
            title:'上传轮播图片',
            skin: 'layui-layer-rim', //加上边框
            area: ['620px', '440px'], //宽高
            content: '  <div class="upload-div"> <div class="col-md-12"> <input  type="file" multiple id="ssi-upload"/> </div> </div>'
        });
        $('#ssi-upload').ssi_uploader({
            url:'{:U("UploadFile")}',
            maxFileSize:6,
            allowed:['jpg','gif','png'],
            onUpload:function(){
                window.location.reload();
            }
        });
    });


    /* $('#calendar').datepicker({
     });*/

    /* !function ($) {
     $(document).on("click","ul.nav li.parent > a > span.icon", function(){
     $(this).find('em:first').toggleClass("glyphicon-minus");
     });
     $(".sidebar span.icon").find('em:first').addClass("glyphicon-plus");
     }(window.jQuery);*/
    /*
     $(window).on('resize', function () {
     if ($(window).width() > 768) $('#sidebar-collapse').collapse('show')
     })
     $(window).on('resize', function () {
     if ($(window).width() <= 767) $('#sidebar-collapse').collapse('hide')
     })*/
</script>
</body>

</html>
